<template>
  <el-form :model="parkInfoModel" ref="parkInfoForm" :inline="true" label-width="72px" :label-position="'left'">
    <el-row class="search-title">条件搜索</el-row>
    <el-form-item prop="parkName">
      <el-input v-model="parkInfoModel.parkName" prefix-icon="el-icon-search" clearable
                placeholder="车场名称/拼音首字母"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button class="btn-search" type="primary" @click="handleQueryParkInfo">搜索
      </el-button>
    </el-form-item>
    <collapse-vertical>
      <div v-show="isDisplay">
        <el-row>
          <!--<el-form-item  prop="businessUnit" label="经营单位">-->
            <!--<el-input @click.native="handleSelectDwNameParkInfo" v-model="parkInfoModel.businessUnit" clearable readonly-->
                      <!--placeholder="经营单位"></el-input>-->
          <!--</el-form-item>-->
          <el-form-item prop="name">
            <el-input  clearable placeholder="单位名称" v-model="parkInfoModel.name"></el-input>
          </el-form-item>
          <!--<el-form-item  prop="equipmentVender" label="设备厂商">
            <el-input v-model="parkInfoModel.equipmentVender" clearable placeholder="设备厂商"></el-input>
          </el-form-item>-->
        </el-row>
        <!--<el-form-item prop="parentorgname" label="接入方式">-->
            <!--<el-radio-group v-model="parkInfoModel.type" placeholder="接入方式">-->
              <!--<el-radio v-for="item in types" :label="item.id">{{item.value}}</el-radio>-->
          <!--</el-radio-group>-->
        <!--</el-form-item>-->
        <el-form-item>
          <el-button class="btn-mini-form" style="color: white" type="primary" @click="handleQueryParkInfo"
                     size="mini">提交
          </el-button>
          <el-button class="btn-mini-form" style="color: white" type="primary" @click="handleResetParkInfo"
                     size="mini">重置
          </el-button>
        </el-form-item>
      </div>
    </collapse-vertical>
    <el-row style="text-align: center">
      <el-button style="border: none;background-color: transparent" size="small"
                 @click="isShow" :icon="isDisplay?'el-icon-arrow-up':'el-icon-arrow-down'">
      </el-button>
    </el-row>
    <dialog-d-w :dialogSelectDWVisible.sync="dialogDWvisible"></dialog-d-w>
  </el-form>
</template>

<script>
  /* eslint-disable */
  import CollapseVertical from '../../../utils/collapseVertical'
  import DialogDW from "../reCollChild/dialogDW";

  export default {
    components: {
      DialogDW,
      CollapseVertical},
    name: "park-info-form",
    data(){
      return{
        isDisplay:false,
        dialogDWvisible:false,

        parkInfoModel:{
          parkName:'',
          name:''
        },
        types:[
          {id:1,value:'xx'},
          {id:2,value:'xx'},
          {id:3,value:'xxx'}
        ]

      }
    },
    methods:{
      handleQueryParkInfo(){
        this.$emit('handleQueryParkInfo', this.parkInfoModel)
      },
      handleSelectDwNameParkInfo(){
        this.dialogDWvisible=true
      },
      handleResetParkInfo(){
        this.$refs['parkInfoForm'].resetFields()
      },
      isShow(){
        this.isDisplay =!this.isDisplay
      }
    }
  }
</script>

<style scoped>

</style>
